<template>
	<view class="notice-wrap">
		<view class="left">
			
		</view>
		<view class="middle">
			<swiper class="swiper"  :autoplay="true" :interval="3000" :duration="1000" vertical="true" circular>
				<swiper-item class="swiper-item">
					测试文本内容1
				</swiper-item>
				<swiper-item class="swiper-item">
					测试文本内容12dwdawfdawrfawedawfawdafEGHTGZAR ER ERTGARG ARGARWEGARGARGARGA
				</swiper-item>
			</swiper>
		</view>
		<view class="uniui-right">
			<uni-icons type="right"></uni-icons>
		</view>
	</view>
</template>

<script>


</script>

<style lang="scss" scoped>
@import "@/utils/uni.scss";

.notice-wrap{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	.left{
		flex-shrink: 0;
		width: 40rpx;
		height: 40rpx;
		background-color: $uni-bg-color-grey;
	}
	.uniui-right{
		flex-shrink: 0;
		width: 40rpx;
		height: 40rpx;
		
		
	}
	.middle{
		padding-left: 20rpx;
		flex:1;
		height:40rpx;
		.swiper{
			height: 50rpx;
			&-item{
				
				height: 90%;
				line-height: 90%;
				font-size: 32rpx;
				
				text-align: start;
				justify-content:end;
				color: #333;
				width: 100%;
				@include ellipse;
			}
		}
	}
}
</style>